<%@ page language="java" contentType="text/html; charset=UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<<<<<<< HEAD
<!--logo部分-->
		<div class="container">
			<div class="row">
				<div class="col-lg-4 col-md-4 col-sm-6">
					<img style="width: 100%;height: 80px" src="${pageContext.request.contextPath}/static/front/img/logo.jpg" />
				</div>
				<div class="col-lg-6 col-md-6 hidden-xs col-sm-6">
					<img style="width: 100%;height: 80px" src="${pageContext.request.contextPath}/static/front/img/header.jpg" />
				</div>
				<div class="col-lg-2 col-md-2 col-sm-12 text-right" style="padding-top: 30px;">
					<c:if test="${user == null}">
						<a href="${pageContext.request.contextPath}/front/loginview">登录</a>&nbsp;&nbsp;&nbsp;
						<a href="${pageContext.request.contextPath}/front/registeview">注册</a>
					</c:if>
					<c:if test="${user != null}">
						<span style="font-weight: bold;color: #1E9FFF">欢迎您&nbsp;&nbsp;&nbsp;${user.username}</span>
=======
<style>
	.login-button { /* 按钮美化 */
		width: 50px;  /*宽度 */
		height: 30px; /* 高度 */
		border-width: 0px; /* 边框宽度 */
		border-radius: 3px; /* 边框半径 */
		background: #1E90FF; /* 背景颜色 */
		cursor: pointer; /* 鼠标移入按钮范围时出现手势 */
		outline: none; /* 不显示轮廓线 */
		font-family: Microsoft YaHei; /* 设置字体 */

		/*font-size: 12px; !* 字体大小 *!*/
	}
	.login-button:hover { /* 鼠标移入按钮范围时改变颜色 */
		background: #5599FF;
	}
	.login-button a{
		color: white; /* 字体颜色 */
		text-decoration: none;
	}
</style>
<!--logo部分-->
		<div class="container">
			<div class="row">
				<div class="col-lg-4 col-md-4 col-sm-6" style="margin-top: 10px;">
					<img src="${pageContext.request.contextPath}/static/front/img/logo.png" width="50px"/>
					<strong style="font-size: 25px;
							vertical-align: middle">在线书城</strong>
				</div>
				<div class="col-lg-5 col-md-4 hidden-xs col-sm-6">
<%--					<img src="${pageContext.request.contextPath}/static/front/img/header.png" />--%>
				</div>
				<div class="col-lg-3 col-md-4 col-sm-12 text-right" style="padding-top: 30px;">
					<c:if test="${user == null}">
						<button  class="login-button" ><a href="${pageContext.request.contextPath}/front/loginview">登录</a></button>&nbsp;&nbsp;&nbsp;
						<button  class="login-button" style="background-color: #5FB878"><a href="${pageContext.request.contextPath}/front/registeview">注册</a></button>
					</c:if>
					<c:if test="${user != null}">
						<span style="font-weight: bold;color: #1E9FFF">欢迎您&nbsp;&nbsp;&nbsp;${user.username}</span>
						<button  class="login-button" style="background-color: red;width: 100px;margin-left: 5px"><a href="${pageContext.request.contextPath}/front/logout">退出登录</a></button>
>>>>>>> 180ace60693232df69575b4f82fc34aeb3fc90e8
					</c:if>
				</div>
			</div>
		</div>

		<!--导航栏-->
		<div class="container" style="margin-top: 10px;">
			<nav class="navbar navbar-inverse">
				<div class="container-fluid">
					<!-- Brand and toggle get grouped for better mobile display -->
					<div class="navbar-header">
						<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
					        <span class="sr-only">Toggle navigation</span>
					        <span class="icon-bar"></span>
					        <span class="icon-bar"></span>
					        <span class="icon-bar"></span>
					    </button>
						<a class="navbar-brand" href="#"><span class="glyphicon glyphicon-book"></span></a>
					</div>

					<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
						<ul class="nav navbar-nav">
							<li class="active">
								<a href="#">计算机 <span class="sr-only">(current)</span></a>
							</li>
							<li>
								<a href="#">文学</a>
							</li>
							<li>
								<a href="#">小说</a>
							</li>
							<li>
								<a href="#">历史</a>
							</li>
							<li>
								<a href="#">励志</a>
							</li>
							<li>
								<a href="#">养生</a>
							</li>
							<li>
								<a href="#">科技</a>
							</li>
							<li>
								<a href="#">传记</a>
							</li>
							<li>
								<a href="#">育儿</a>
							</li>
							<li class="dropdown">
								<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">其他分类 <span class="caret"></span></a>
								<ul class="dropdown-menu">
									<li>
										<a href="#">宗教</a>
									</li>
									<li>
										<a href="#">哲学</a>
									</li>
									<li>
										<a href="#">心理学</a>
									</li>
									<li role="separator" class="divider"></li>
									<li>
										<a href="#">法律</a>
									</li>
									<li role="separator" class="divider"></li>
									<li>
										<a href="#">烹饪美食</a>
									</li>
								</ul>
							</li>
						</ul>
						<form class="navbar-form navbar-right" role="search">
							<div class="form-group">
								<input type="text" class="form-control" placeholder="请输入书名">
							</div>
							<button type="submit" class="btn btn-default">查询</button>
						</form>
					</div>
				</div>
			</nav>
		</div>